Vuex state 中数据的实时监控与响应

发表于 | 分类于 
1
2
3
4
5
6
7
8
9
10
11
12
computed:{
     getLanguage(){
       return this.$store.state.language;
     }
   },
   watch:{
     getLanguage(val){
        this.user = this.$t('user');
        this.pas = this.$t('password');
        //console.log(val);
     }
   },

如上，state中的数据变化后，在computed中实时返回变化的数据，然后在watch中做出相应的操作；
这样就实现了对state中数据变化的实时监控与响应；

注：上述代码实现多语言切换功能，根据state中language参数的实时变化来改变对应参数的中英文类型；